<head>
    <title>${requestScope.title}</title>
    <link rel="stylesheet" type="text/css" href="styles/profileCSS.css">
    <link rel="stylesheet" type="text/css" href="styles/bannerCSS.css">
    <link rel="shortcut icon" type="image/x-icon" href="images/logo.png">
    
        
    <script>
        function myFunction(){
          var targetDiv = document.getElementsByClassName("serviceOption")[0];
          var fc = targetDiv.firstChild;
	  while(fc) {
    	   targetDiv.removeChild(fc);
    	   fc = targetDiv.firstChild;
	  }
          
          var cancelBtn = document.createElement("input");
          cancelBtn.id = "cancelBtn";
          
	  cancelBtn.setAttribute("type", "button");
	  cancelBtn.style.width = "100px";
	  cancelBtn.setAttribute("value", "Cancel");
	  cancelBtn.setAttribute("onclick", "restart()");
	  targetDiv.appendChild(cancelBtn);
          
          var delBtn = document.createElement("input");
          delBtn.id = "delBtn";
          
	  delBtn.setAttribute("type", "button");
	  delBtn.style.width = "100px";
	  delBtn.setAttribute("value", "Delete");
	  delBtn.setAttribute("onclick", "");
	  targetDiv.appendChild(delBtn);
          
          var addBtn = document.createElement("input");
          addBtn.id = "addBtn";
          
	  addBtn.setAttribute("type", "button");
	  addBtn.style.width = "100px";
	  addBtn.setAttribute("value", "Add");
	  addBtn.setAttribute("onclick", "");
	  targetDiv.appendChild(addBtn);
          
          /**var mainTargetDiv = document.getElementsByClassName("inner")[0];
          mainTargetDiv.appendChild(targetDiv);**/
          
        }
        function restart(){
          var targetDiv = document.getElementsByClassName("serviceOption")[0];
          var fc = targetDiv.firstChild;
	  while(fc) {
    	   targetDiv.removeChild(fc);
    	   fc = targetDiv.firstChild;
	  }
          
          var editBtn = document.createElement("input");
          editBtn.id = "editBtn";
          
	  editBtn.setAttribute("type", "button");
	  editBtn.style.width = "100px";
	  editBtn.setAttribute("value", "Edit");
	  editBtn.setAttribute("onclick", "myFunction()");
	  targetDiv.appendChild(editBtn);
        }
    </script>
</head>